.editor,
.editor.light {
    --editor-non-full-back-color: #fff;
    --editor-full-back-color: #f5f5f5;
    --editor-region-back-color: #fff;
    --editor-default-color: #050505;
    --editor-hover-color: #2167da;
    --editor-selection-color: #f5f5f5;
    --editor-selection-back-color: var(--editor-hover-color);
    --editor-border-color: #d5d5d5;

    --editor-input-shadow: inset 0 0 3px rgba(160, 160, 160, 0.3);

    --editor-scroll-size: 8px;
    --editor-scroll-color: #d5d5d5;
    --editor-scroll-hover-color: #c5c5c5;

    --editor-tool-default-color: #777;
    --editor-tool-default-back-color: transparent;
    --editor-tool-hover-color: #444;
    --editor-tool-hover-back-color: #e1e1e1;
    --editor-tool-active-color: #f5f5f5;
    --editor-tool-active-back-color: #c8c8c8;
    --editor-tool-active-hover-back-color: #b9b9b9;
    --editor-tool-disable-color: rgba(119, 119, 119, 0.6);
    --editor-tool-disable-back-color: transparent;

    --editor-tool-input-border-color: #e5e5e5;
    --editor-tool-input-back-color: #fff;

    --editor-context-menu-back-color: #f5f5f5;
    --editor-context-menu-border-color: #ccc;
    --editor-context-menu-hover-shadow: 0 0 2px rgba(160, 160, 160, 0.4);

    --editor-close-icon-default-color: #999;
    --editor-close-icon-default-back-color: transparent;
    --editor-close-icon-hover-color: #fff;
    --editor-close-icon-hover-back-color: red;
}

.editor.dark {
    --editor-non-full-back-color: #1c1c1c;
    --editor-full-back-color: #1c1c1c;
    --editor-region-back-color: #262626;
    --editor-default-color: #bbb;
    --editor-hover-color: #dcdceb;
    --editor-selection-color: #1c1c1c;
    --editor-selection-back-color: var(--editor-hover-color);
    --editor-border-color: #414141;

    --editor-input-shadow: inset 0 0 3px rgba(130, 130, 130, 0.3);

    --editor-scroll-size: 8px;
    --editor-scroll-color: #414141;
    --editor-scroll-hover-color: #515151;

    --editor-tool-default-color: #B3B3B3;
    --editor-tool-default-back-color: transparent;
    --editor-tool-hover-color: #F5F5F5;
    --editor-tool-hover-back-color: #323237;
    --editor-tool-active-color: #F5F5F5;
    --editor-tool-active-back-color: #4b4b55;
    --editor-tool-active-hover-back-color: #5a5a64;
    --editor-tool-disable-color: rgba(179, 179, 179, 0.6);
    --editor-tool-disable-back-color: transparent;

    --editor-tool-input-border-color: #373737;
    --editor-tool-input-back-color: #2d2d2d;

    --editor-context-menu-back-color: #232323;
    --editor-context-menu-border-color: #3c3c3c;
    --editor-context-menu-hover-shadow: 0 0 2px rgba(160, 160, 160, 0.4);

    --editor-close-icon-default-color: #B3B3B3;
    --editor-close-icon-default-back-color: transparent;
    --editor-close-icon-hover-color: #F5F5F5;
    --editor-close-icon-hover-back-color: #ff4f4f;
}